<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>协强定制-企业名片</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<!--<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />-->
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/pad.css" media="(max-width:1199px)" />
		<link rel="stylesheet" href="css/phone.css" media="(max-width:619px)" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/vue2.0.min.js'></script>
		<!--<script src='js/aos.js'></script>-->
		<!--<script src="js/swiper-3.4.2.jquery.min.js"></script>-->
		<script src='js/fastclick.js'></script>
		<script src="js/xqjy.js"></script>
	</head>

	<body class="KHspebody">
		<div id='app' v-cloak>
			<div class="KHcardctx">
				<div class="row1200 compcardtop">
					<div class="comptoptoux">
						<img :src="compCardDetailData.LogoPath?compCardDetailData.LogoPath:'img/jianshe_07.jpg'" alt="" />
					</div>
					<h3>{{compCardDetailData.EntName}}</h3>
					<!--<div class="flew acc btnBdW" style="width: 290px;">
						<a>下载企业信息报告</a>
						<a>认证企业</a>
					</div>
					<p>成为网员，获取更多信息特权</p>-->
				</div>
				<!--<ul class="row1200 compcardnav flew" data-aos="fade-down" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000" data-aos-easing="ease-in-out">
					<li>
						<a data-id="#cpcardnav1"><i class="icon">&#xe658;</i>
							<p>基本信息</p>
						</a>
					</li>
					<li>
						<a data-id="#cpcardnav2"><i class="icon">&#xe64e;</i>
							<p>企业简介</p>
						</a>
					</li>
					<li>
						<a data-id="#cpcardnav3"><i class="icon">&#xe628;</i>
							<p>企业资质及资信</p>
						</a>
					</li>
					<li>
						<a data-id="#cpcardnav4"><i class="icon">&#xe629;</i>
							<p>工程项目</p>
						</a>
					</li>
				</ul>-->
				<div class="row1200 whiteblock animated fadeIn" id="cpcardnav1" >
					<h2 class="lbdTitle">基本信息</h2>
					<ul class="fles" style="flex-wrap: wrap;">
						<li class="basicgrayli">
							<p>企业名称</p>
							<p class="note">{{compCardDetailData.EntName}}</p>
						</li>
						<li class="basicgrayli">
							<p>统一社会信用代码</p>
							<p class="note">{{compCardDetailData.IdCode}}</p>
						</li>
						<li class="basicgrayli">
							<p>成立日期</p>
							<p class="note">{{compCardDetailData.RegistDate}}</p>
						</li>
						<li class="basicgrayli">
							<p>注册资本</p>
							<p class="note">{{compCardDetailData.RegistFund}}万</p>
						</li>
						<li class="basicgrayli">
							<p>法人</p>
							<p class="note bluetext">{{compCardDetailData.LegalMan}}</p>
						</li>
						<li class="basicgrayli">
							<p>营业执照注册号</p>
							<p class="note">{{compCardDetailData.License}}</p>
						</li>
						<li class="basicgrayli">
							<p>联系电话</p>
							<p class="note">{{compCardDetailData.Tel}}</p>
						</li>
					</ul>
				</div>
			</div>
			<!--第二部分-->
			<div class="KHcardcont animated fadeInRight">
				<div class="row1200 whiteblock" style="margin-top: 0;" id="cpcardnav2">
					<h2 class="lbdTitle">企业简介</h2>
					<div class="brieftext" v-html='compCardDetailData.Introduction'>

					</div>
				</div>
				<div class="row1200 whiteblock animated fadeInUp" id="cpcardnav3">
					<h2 class="lbdTitle">企业资质及资信</h2>
					<table>
						<thead>
							<tr class="tableHd">
								<th>证书编号</th>
								<th>资质(信)类别</th>
								<th>资质(信)等级</th>
								<th>资质(信)审批机关</th>
								<th>资质(信)最新批准日期</th>
								<th>资质(信)有效期</th>
							</tr>
						</thead>
						<tbody>
							<tr v-for='item in compCardDetailData.Certificate'>
								<td>{{item.Number}}</td>
								<td>{{item.Category}}</td>
								<td>{{item.Level}}</td>
								<td>{{item.IssueOrganzie}}</td>
								<td>{{item.StartDate}}</td>
								<td>{{item.EndDate}}</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!--<div class="row1200 whiteblock animated fadeInUp" id="cpcardnav4">
					<h2 class="lbdTitle">工程项目</h2>
					<ul class="flew" style="flex-wrap: wrap;">
						<li class="projectli flew acc animated fadeInLeft">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc animated fadeInLeft">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
						<li class="projectli flew acc">
							<img src="img/jianshe_06.jpg" alt="" />
							<div>
								<p class="tit">
									<a href="#">招商银行深圳分行大厦项目</a>
								</p>
								<p class="note">项目分类：其它<br />项目角色：承包单位</p>
								<p class="brief">广东建星建筑工程有限公司创建于2001年3月，2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级2001年晋升为房屋建筑一级总承包企业，具有房屋建筑施工总承包一级</p>
								<p class="pa">
									<a href="#" class="bluetext">查看详情...</a>
								</p>
							</div>
						</li>
					</ul>
				</div>-->
			</div>
			<footers></footers>
			<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
		</div>
		<script src='js/public.js'></script>
		<script src='js/login.js'></script>
		<script src='js/isLogin.js'></script>
		<!--<script src='js/header.js'></script>
		<script src="js/nav.js"></script>-->
		<script src='js/footer.js'></script>
		<script src='js/compCard.js'></script>
	</body>

</html>